/*
css for main.jsp
*/
body{background:#9cc;width:100%;height:100%;position:absolute;}

/* make clouds move for main browsers*/
@-webkit-keyframes cloud2-move{ 0%{right:150px;} 50%{right:50px;}}
@-o-keyframes cloud2-move{ 0%{right:150px;} 50%{right:50px;}}
@-moz-keyframes cloud2-move{ 0%{right:150px;} 50%{right:50px;}}
@-ms-keyframes cloud2-move{ 0%{right:150px;} 50%{right:50px;}}
@-webkit-keyframes cloud1-move{ 0%{left:50px;} 50%{left:150px;}}
@-o-keyframes cloud1-move{ 0%{left:50px;} 50%{left:150px;}}
@-moz-keyframes cloud1-move{ 0%{left:50px;} 50%{left:150px;}}
@-ms-keyframes cloud1-move{ 0%{left:50px;} 50%{left:150px;}}
.cloud1{position:absolute;left:50px;-webkit-animation:cloud1-move 15s ease-in 0 infinite alternate backwards;-o-animation:cloud1-move 15s ease-in 0 infinite alternate backwards;-moz-animation:cloud1-move 15s ease-in 0 infinite alternate backwards;-ms-animation:cloud1-move 15s ease-in 0 infinite alternate backwards;}
.cloud2{position:absolute;right:150px;-webkit-animation:cloud2-move 15s ease-in 0 infinite alternate backwards;-moz-animation:cloud2-move 15s ease-in 0 infinite alternate backwards;-ms-animation:cloud2-move 15s ease-in 0 infinite alternate backwards;-o-animation:cloud2-move 15s ease-in 0 infinite alternate backwards;}

/*style for logo pic*/
.centerPic{width:420px;height:510px;position:absolute;left:30%;top:20%;}

/*style for footer and box*/
footer{width:100%;height:50px;background: #cf9;position:absolute;bottom:0;line-height:50px;}
footer span{color:#f60;font-weight:bold;font-size:20px;cursor:pointer;}
#register{position:absolute;left:40%;}
#login{position:absolute;right:40%;}
.Box{background:rgba(255,255,255,0.7);padding:15px ;border-radius:5px;position:absolute;z-index:10px;bottom:10%;display:none;}
.registerBox{width:32%;height:350px;left:30%;}
.loginBox{width:30%;height:200px;right:30%}
.Box p{font-size:22px;color:#666;font-weight:bold;position:relative;left:3%;}
.loginBox p{top:10%;}
.loginBox form{position:relative;top:15%;}
form{margin:5px auto;}
li{color:#666;font-size:18px;height:25px;line-height:25px;}
input{height:25px;}
input[type="button"]{width:100px;background: #f60;color:white;border:none;font-size:16px;font-family:YouYuan;cursor:pointer;position:relative;left:10%;}
input[type="reset"]{width:100px;background:#f60;color:white;border:none;font-size:16px;font-family:YouYuan;cursor:pointer;position:relative;right:-20%;}
.warning{color: #ff2b5d;font-size:12px;display:none;}
.fi-check{font-size:21;color:green;display:none;}
